body {
  margin: 0;
  background-color: #f5f5f5;
}

::selection {
  background-color: #ff6c00;
}

.logo {
  width: 360px;
  height: 185px;
  padding-top: 5%;
}

.logocontainer{
  text-align: center;
}

.main {
  font-family: Helvetica, Sans-Serif;
  display:inline-flex;
  flex-wrap:wrap;
}

.flex-direction{
  flex-direction:row;
}

.whatsup{
  font-family: Helvetica, Sans-Serif;
  margin:10px 3%;
  font-size: 30px;
  text-align: left;
}

.generaltext{
  font-family: Helvetica, Sans-Serif;
  margin-top: 20%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  font-size: 20px;
  text-align:justify;
  color: #f5f5f5;
}

.leadertext{
  font-family: Helvetica, Sans-Serif;
  padding-top: 14.25%;
  padding-left: 10%;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

.hyperlink{
  font-family: Helvetica, Sans-Serif;
  margin:25px 10%;
  font-size: 20px;
  overflow: hidden;
  color: #070707;
  text-align: left;
}

.hyperlink:visited{
  color: #070707;
}

.hyperlink:hover{
  color: #070707;
  filter: blur(0.6px);
}

.appendix{
  font-family: Helvetica, Sans-Serif;
  margin:15px 2.5%;
  font-size: 15px;
  text-align: left;
  color: #9C9C9C;
}

.appendixlist{
  margin: 1% 0%;
}

.section1{
  width: 25vmax;
  height: 100vh;
  background-color: #f5f5f5;
}

.section2{
  width: 75vmax;
  height: 100vh;
  background-color: #0000CD;
}